// 创建仓库
// 01: 引入rtk 并解构出 一个方法 configureStore 方法用来配置store 
import { configureStore, createSlice } from '@reduxjs/toolkit'

// 02: 创建state 的切片
// userSlicer 相当于vuex 中的某一个模块
const userSlicer = createSlice({
    name: 'user', // 该处相当于vuex 中的模块名
    initialState: {
        name: '小王',
        age: 23
    },
    reducers: {
        addAge(state) {// state 就是 initialState
            state.age += 1
        },
        editname(state, actions) {
            console.log('payload', actions.payload);
            state.name = actions.payload
        }
    }
})



// 03: 导出user切片中的方法
export const { addAge, editname } = userSlicer.actions

// 04:创建store仓库
// console.log('userSlicer.reducer', userSlicer.reducer);


const store = configureStore({
    reducer: userSlicer.reducer
})
//05: 导出仓库
export default store
